.detailsTableComponent {
    height: calc(100% - 5px);
    position: relative;

    .headerComponent {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 8px;
        border-bottom: 1px solid #999;
        margin-bottom: 8px;
    }

    .titleHeaderComponent {
        .titleTextComponent {
            font-size: 18px;
            color: #444;
            font-weight: 700;
            text-align: center;
        }

        .titleComponent {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }
    }


    .tableComponent {
        height: calc(100% - 0px);

        .tableComponentSummary {
          padding-left: 8px;
            .dx-datagrid-total-footer {
                .dx-datagrid-summary-item {
                    color: #333;
                }
            }
        }
    }
}
